<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>键盘事件</title>
    <!--    引入Vue-->
    <script src="../../static/js/vue.js"></script>
</head>
<body>
<!--装备好一个容器-->
<div id="root">
    <h2>欢迎{{name}}学习</h2>
    <input type="text" placeholder="按下回车发送" @keyup.enter="showinfo"><br>
    <input type="text" placeholder="按下删除发送" @keyup.delete="showinfo"><br>
    <input type="text" placeholder='按下退出发送' @keyup.esc="showinfo"><br>
    <input type="text" placeholder="按下换行发送" @keydown.tab="showinfo"><br>
    <input type="text" placeholder="按下大写锁定键发送" @keydown.caps-lock="showinfo"><br>
    <input type="text" placeholder="按下ctrl键发送" @keydown.ctrl="showinfo"><br>
    <input type="text" placeholder="按下ctrl键+y键发送" @keyup.ctrl.y="showinfo"><br>
    <input type="text" placeholder="按下回车发送" @keydown.13="showinfo"><br>
    <input type="text" placeholder="按下回车发送" @keydown.huiche="showinfo"><br>
</div>
</body>
</html>
<script src="index.js"></script>
